
.inventory-list{
	.data-head{
		> :nth-child(2){margin-right:40px;}
	}
	.accordion-list{
		.item{
			padding:0;
		}
		.item-row{
			> :first-child{padding-left:0;}
			> :nth-child(2){margin-right:40px;}
		}
	}
}

// 库存预警
.inventory-alarm{
	background-color:$light;
	&.balanced{
		.icon-label,.item-note{color:$balanced;}
	}
	&.royal{
		.icon-label,.item-note{color:$royal;}
	}
	&.assertive{
		.icon-label,.item-note{color:$assertive;}
	}
	.item-note{
		max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
	}
}
// 库存分布详情
.inventory-detail{
	.accordion-list{
		h3,.dist-inner-list >li{
			  border-bottom: 1px solid $light2;
		}
	}
	.dist-inner-list{
		font-size: $font-size-small;
		color: $dark2;
		padding-left: $content-padding * 3;
		.row + .row{
			margin-top: 0;
 			padding-top: $content-padding /2;
		}

	}
}


// .item-checkbox{padding:$content-padding / 2 $content-padding /2 $content-padding /2 60px;}
.list-borderbottom .item,
.item-borderbottom {margin:0;
  border-width: 0 0 1px 0;
  // border-bottom-color: $light2;
}
.list-border-tb .item,
.item-border-tb {
	margin:-1px 0;
	border-width: 1px 0 1px 0;
  // border-bottom-color: $light2;
}
.list-borderless .item,
.item-borderless {
  margin-top:0; 
}

.ion-ios-arrow-right{color:$light4;}

.item-icon-right {

	.badge{margin-right:$item-padding;}
	.ion-ios-arrow-right{
		font-size:28px;
		    right: 5px;
		&:before{
			width: 28px;
			font-size: 28px;
		}
	}
	.icon-second{
		right:  $item-icon-font-size *2;
	}
}

// header search box
.search-box{
	display:flex;
	.item-input-wrapper{
	}
}

.item-base:not(.item-complex),.item-base.item-complex .item-content, .item-base.item-radio .item-content{

	padding-top:12px;
	padding-bottom:12px;
	// padding-right: 6px;
	&.item-toggle{
		// padding: 6px 0 5px 16px;
		.toggle{
			top: 6px;
		}
	}
	display: flex; 
}

.radio-group {
  @include display-flex();
  @include align-items(center);
  position: relative;
  overflow: hidden;
  padding: 6px 0 6px 16px;

}
.item-note{
	flex: 1 0;
	text-align: right;
}



.tree-view .item-radio{

	.item-content{
		padding-left: ceil( ($item-padding * 3) + ($item-padding / 3) );

	}
	.radio-icon{
		left: auto;
	}
}

.badge,.item .badge{
	font-size: $font-size-small;
	line-height: $font-size-base;
	font-weight: 400;
}


.item{

	//item嵌套grid，用处：账号列表
	.row.row-nopadding{
		padding:0;
		.col{
			padding:0;
		}
	}
	.item-radio{
		.radio-icon{
			padding:0 $content-padding;
			&.ion-checkmark:before {
				content: "\f3fd";
			}
		}
		//定义radio颜色样式，选中时变为激活色
		&.radio-royal{
			.item-content{
				background-color: $stable;
			}
			input:checked + .radio-content{
				.item-content{
					background-color: rgba($royal,0.1);
					color:$royal;
				}
			}
			.ion-checkmark{
				color:$royal;
			}
		}
	}
	&.radio-group{

		.item-radio{
			margin-right:2px;
			font-size:$font-size-base;
			margin-right:$item-padding;
			min-height:30px;
			border: none;
			.item-content{
				padding-right: $item-padding * 1.8;
				padding-top: $item-padding / 2;
				padding-bottom: $item-padding / 2;
				padding-left: ceil($item-padding *2 / 3) ;
			}
		}
	}

}

.item-button-right{
	&.item-complex{
		padding-right:0;
	}
	.item-content{
		padding-right: $item-padding * 5;
	}

	>.button-col{
		top: 0;
	    right: 0;
	    bottom: 0;
	    margin: 0;
	    font-size:$font-size-base;
	}
}

.item-input{
	padding-right:16px;
	&.item-icon-right:not(.item-complex){
		padding-right: ceil( ($item-padding * 2) + ($item-padding / 3) );
	}
}
//嵌套列表，递归树，用于部门列表，分类列表
.item-has-children{
	padding:0;
	.row{
		padding:0;
		.col{
			&.item{
				padding: $item-padding;
				&.item-icon-left{
					padding-left: ceil( ($item-padding * 3) + ($item-padding / 3) );
				}
			}
		}
		.button-col{
			right:0;
			min-width:46px;
		}
	}
	.sub-list{
		margin-bottom: -1px;
		padding-left:ceil( ( ($item-padding * 3) + ($item-padding / 3) ) / 2);
	}
}
.has-checkbox{
	.item-checkbox{
		&.item-icon-left{
			padding-left:$item-padding + $checkbox-width + ceil( ($item-padding * 3) + ($item-padding / 3) );
			.icon{
				left: $item-padding + $checkbox-width + ceil( ($item-padding / 3) * 2);
			}
		}
	}
}

//左侧label
.list-label{
	// display:inline-block;
	float: left;
	min-width:$font-size-base * 4 + $content-padding/2;
	margin-right:$content-padding * 2;
	color: $input-label-color;
	font-size:$font-size-base;
}
// 产品属性
.prop-list{
	.prop-item{
		width:50%;float:left;font-size:$font-size-small;
	}
}
.item-divider{
	.button{
		position: absolute;
		top: 0;
		line-height: 1.5;
		height: initial;
		display: inline-block;
		min-height: initial;
		bottom: 0;
		right: 5px;
	}
}


.item-avatar .item-image.icon{
	font-size:$font-size-base * 3;
	line-height:ceil($font-size-base * 3.5);
    background-color:$light;
    overflow: hidden;
    &.cute{
    	color: $cute;
    	background-color: lighten($cute,29.5%);
    	// box-shadow: 0 0 0 1px lighten($cute,20%);
    	border:1px solid $cute;
    	//
    }
    &.positive{
    	color: $positive;
    	background-color: lighten($positive,29.5%);
    	// box-shadow: 0 0 0 1px lighten($positive,20%);
    	border:1px solid $positive;
    	//
    }
    z-index:1;
}
.user-list{
	.ion-male,.ion-female{
		position: absolute;
	    z-index:0;
	    font-size: 28px;
	}
	.ion-male{
	    left: 35px;
	    top: 13px;
	}

	.ion-female{
	    left: 29px;
    	bottom: 4px;
	}
}





.grid{
	margin:$padding-large-horizontal + 1 0 $padding-large-horizontal + 1 1px;
	padding:0;
	.row{padding:0;}
	.row + .row{margin:0;}

	.grid-item{

		padding:$padding-large-horizontal $padding-large-vertical /2;
		text-align: center;	text-decoration: none;
		color: $dark;
		margin-left: -1px;
		margin-top: -1px;
		border:1px solid $light2;
		.icon{
			display:block;
			font-size:$item-icon-font-size;
			padding-bottom:$content-padding;
		}
		&.active,&.activated{
			background-color:$button-light-active-bg;
		}

	}
}
.badge-sharp{
	position: absolute;
	right: 0;
	top: 0;
	padding: 3px 6px 3px 0;
	font-size: $font-size-small;
	color: $royal;
	background: $light2;
	&.right-top-arrow{
		&:after{
			border-right-color: $light2;
			border-top-color: $light2;
			border-width: 13px;
		}
	}
}

.grid-response{
	width:100%;
	padding-left: 4px;
	display: table;
	.grid-item{
		position:relative;
		text-align:center;
		display: inline-block;
		text-decoration:none;
		color:$dark;
		border:1px solid $light2;
		padding:$content-padding;
		margin:-1px 0 0 -1px;
		&.activated{background-color:$light2;}
		.icon{font-size:$item-icon-font-size;}
		img,.icon{max-width:80%;max-height:100px;display:block;margin:$content-padding /2 auto;}
		.badge{
			position: absolute;
			top: $content-padding;
    		right: $content-padding;
		}
	}
	@media (min-width: 721px) {
		.grid-item {
			width:16.6666666%;
		}
	}
	@media (max-width: 720px) {
		.grid-item {
			width:25%;
		}
	}
	@media (max-width: 480px) {
		.grid-item {
			width:33.33333%;
		}
	}
}
.create-order{
	.grid-item {
			width:33.333%;
			border:none;
		}
}
